﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Branch.aspx.cs" Inherits="ProjectSem3.WebForm10" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
        .showw
        {
            width: 95%;
            margin-top: 10px;
            margin: 0 auto;
            margin-bottom: 10px;
            box-shadow: 0px 2px 5px #ccc;
            text-align: left;
            color: Black;
            padding: 10px;
            background-color: #f5f5f5;
        }
        .showw3
        {
            width: 95%;
            margin-top: 5px;
            margin: 0 auto;
            margin-bottom: 10px;
            box-shadow: 0px 2px 5px #ccc;
            text-align: left;
            color: Black;
            padding: 20px;
            background-color: #fff;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class=" details">
        <div class="show_title">
            <asp:HyperLink ID="HyperLink1" runat="server" Font-Size="20px" ForeColor="White"
                ViewStateMode="Inherit" NavigateUrl="#" Font-Strikeout="False" Font-Underline="false">Branch</asp:HyperLink>
        </div>
        <div class="showw">
            <div class="showw3">
                <table width="100%">
                    <tbody>
                        <tr style="height: 250px">
                            <td width="33%">
                                <p style="text-align: center">
                                    <img src="../images/hinhcuaSON/chinhanh.png" /></p>
                                <div style="margin: 10px 0 0 10px;">
                                    <p>
                                        <strong style="text-align: center; color: #EE7600;">Branch 392-394 Hoang Van Thu Street</strong><br>
                                        <b>Contact:</b> 0909.999.999<br>
                                        <p>
                                </div>
                            </td>
                            <td width="33%">
                                      <p style="text-align: center">
                                    <img src="../images/hinhcuaSON/chinhanh.png" /></p>
                                <div style="margin: 10px 0 0 10px;">
                                    <p>
                                        <strong style="text-align: center; color: #EE7600;">Branch 111 Cong Hoa Street</strong><br>
                                        <b>Contact:</b> 0909.999.998<br>
                                        <p>
                                </div>
                            </td>
                            <td width="33%">
                                      <p style="text-align: center">
                                    <img src="../images/hinhcuaSON/chinhanh.png" /></p>
                                <div style="margin: 10px 0 0 10px;">
                                    <p>
                                        <strong style="text-align: center; color: #EE7600;">Branch 20 Truong Chinh Street</strong><br>
                                        <b>Contact:</b> 0909.999.997<br>
                                        <p>
                                </div>
                            </td>
                        </tr>
                        <tr style="height: 250px">
                            <td width="33%">
                                       <p style="text-align: center">
                                    <img src="../images/hinhcuaSON/chinhanh.png" /></p>
                                <div style="margin: 10px 0 0 10px;">
                                    <p>
                                        <strong style="text-align: center; color: #EE7600;">Branch 90 Quang Trung Street</strong><br>
                                        <b>Contact:</b> 0909.999.996<br>
                                        <p>
                                </div>
                            </td>
                            <td width="33%">
                                       <p style="text-align: center">
                                    <img src="../images/hinhcuaSON/chinhanh.png" /></p>
                                <div style="margin: 10px 0 0 10px;">
                                    <p>
                                        <strong style="text-align: center; color: #EE7600;">Branch 33 Lam Son Street</strong><br>
                                        <b>Contact:</b> 0909.999.9995<br>
                                        <p>
                                </div>
                            </td>
                            <td width="33%">
                                       <p style="text-align: center">
                                    <img src="../images/hinhcuaSON/chinhanh.png" /></p>
                                <div style="margin: 10px 0 0 10px;">
                                    <p>
                                        <strong style="text-align: center; color: #EE7600;">Branch 66 Le Trong Tan Street</strong><br>
                                        <b>Contact:</b> 0909.999.994<br>
                                        <p>
                                </div>
                            </td>
                        </tr>
                        <tr style="height: 250px">
                            <td width="33%">
                                       <p style="text-align: center">
                                    <img src="../images/hinhcuaSON/chinhanh.png" /></p>
                                <div style="margin: 10px 0 0 10px;">
                                    <p>
                                        <strong style="text-align: center; color: #EE7600;">Branch 73 CMT8 Street</strong><br>
                                        <b>Contact:</b> 0909.999.993<br>
                                        <p>
                                </div>
                            </td>
                            <td width="33%">
                                        <p style="text-align: center">
                                    <img src="../images/hinhcuaSON/chinhanh.png" /></p>
                                <div style="margin: 10px 0 0 10px;">
                                    <p>
                                        <strong style="text-align: center; color: #EE7600;">Branch 34 Dong Den Street</strong><br>
                                        <b>Contact:</b> 0909.999.992<br>
                                        <p>
                                </div>
                            </td>
                            <td width="33%">
                                        <p style="text-align: center">
                                    <img src="../images/hinhcuaSON/chinhanh.png" /></p>
                                <div style="margin: 10px 0 0 10px;">
                                    <p>
                                        <strong style="text-align: center; color: #EE7600;">Branch 276 Kha Van Can Street</strong><br>
                                        <b>Contact:</b> 0909.999.991<br>
                                        <p>
                                </div>
                            </td>
                        </tr>
                        <tr style="height: 250px">
                            <td width="33%">
                                      <p style="text-align: center">
                                    <img src="../images/hinhcuaSON/chinhanh.png" /></p>
                                <div style="margin: 10px 0 0 10px;">
                                    <p>
                                        <strong style="text-align: center; color: #EE7600;">Branch 243 Nguyen Thi Tu Street</strong><br>
                                        <b>Contact:</b> 0909.999.990<br>
                                        <p>
                                </div>
                            </td>
                            <td width="33%">
                                        <p style="text-align: center">
                                    <img src="../images/hinhcuaSON/chinhanh.png" /></p>
                                <div style="margin: 10px 0 0 10px;">
                                    <p>
                                        <strong style="text-align: center; color: #EE7600;">Branch 12 Ly Tu Trong Street</strong><br>
                                        <b>Contact:</b> 0909.999.989<br>
                                        <p>
                                </div>
                            </td>
                            <td width="33%">
                                       <p style="text-align: center">
                                    <img src="../images/hinhcuaSON/chinhanh.png" /></p>
                                <div style="margin: 10px 0 0 10px;">
                                    <p>
                                        <strong style="text-align: center; color: #EE7600;">Branch 321 Ly Thuong Kiet Street</strong><br>
                                        <b>Contact:</b> 0909.999.988<br>
                                        <p>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
            <div class="show">
            <div class="show_title">
                <asp:HyperLink ID="HyperLink3" runat="server" Font-Size="20px" ForeColor="White"
                    ViewStateMode="Inherit" NavigateUrl="#" Font-Strikeout="False" Font-Underline="false">New Mobile</asp:HyperLink>
            </div>
            <div class="show_contentTrangorder">
                <div id="amazingcarousel-container-1">
                        <div id="amazingcarousel-1" style="display: block; position: relative; width: 100%;
                            max-width: 720px; margin: 0px auto 0px;">
                            <div class="amazingcarousel-list-container" style="overflow: hidden;">
                                <ul class="amazingcarousel-list">
                                    <asp:Repeater ID="Repeater_Product" runat="server" OnItemDataBound="Repeater_Product_ItemDataBound">
                                        <ItemTemplate>
                                            <li class="amazingcarousel-item">
                                        <asp:HiddenField runat="server" ID="productID" Value='<%# Eval("ProductID") %>' />
                                        <div class="amazingcarousel-item-container">
                                            <div class="amazingcarousel-image">
                                                <a href='Detail.aspx?id=<%# Eval("ProductID") %>'>
                                                    <asp:Image ID="image" runat="server" />
                                            </div>
                                            <div class="amazingcarousel-title">
                                                <h3><%# Eval("Name") %></h3>
                                                <h3><cite class="price"><%# Eval("Price")%>₫</cite></h3>
                                            </div>
                                            <div class="amazingcarousel-description">
                                            </div>
                                        </div>
                                    </li>
                                        </ItemTemplate>
                                    </asp:Repeater>                                    
                                </ul>
                            </div>
                            <div class="amazingcarousel-prev">
                            </div>
                            <div class="amazingcarousel-next">
                            </div>
                        </div>
                    </div>
            </div>
        </div>
        <div style="clear: both;margin-bottom:100px;">
        </div>
    </div>
</asp:Content>
